<!DOCTYPE html>
<html lang="en"> 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content=" 乐购,乐购超市,乐购商城,乐购网,乐购超市网上购物,乐购网上超市,
    乐购官网,乐购网上商城,乐购网站,乐购超市官方网站,乐购超市网站,乐购官方网站">
    <meta name="description" content=" 乐购在线购物网上超市-提供上海,厦门,无锡,天津,秦皇岛,沈阳,宁波,广州,杭州,北京,
    青岛,南京,济南,萧山,合肥等地方特产、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购商城</title>
     <link rel="stylesheet" href="./css/reset.css">
     <link rel="stylesheet" href="./css/common.css">
     <link rel="stylesheet" href="./lib/轮播插件/styles/slider.css">
      <link rel="stylesheet" href="./css/index.css">
    <script src="./lib/轮播插件/javascripts/jquery-1.11.0.js"></script>
    <script src="./js/style.js"></script>
    
    <!-- <script>
            onload=function(){
            let  lis=document.querySelectorAll(".classification_div>ul>li");
             lis.forEach(function(v,i){
              lis[i].onmouseover=function(){
                lis[i].children[1].style.width="578px";
                lis[i].children[1].style.height="490px";
                lis[i].children[1].style.border="1px solid red";
              }
              lis[i].onmouseout=function(){
                lis[i].children[1].style.width="0px";
                lis[i].children[1].style.height="0px";
                lis[i].children[1].style.border="none";
              }
             }) 
                //    这是e_book 区域的js代码
                let as=document.querySelectorAll("#e_book_img a");
                let spans=document.querySelectorAll("#e_book_img a span");
                let colorarr=["red","orange","yellow","blue","purple"];
               let bgc;
               as.forEach(function(v,i){
                 as[i].onmouseover=function(){
                     bgc=as[i].style.backgroundColor;
                    console.log(bgc)
                    as.forEach(function(v2,i2){
                         v2.children[0].style.width="0px";
                      
                     })
                   
                     as[i].children[0].style.width="140px"
                     as[i].style.backgroundColor=colorarr[i];
                     as[i].children[0].style.backgroundColor=colorarr[i];
                 }


                 as[i].onmouseout=function(){
                    as[i].children[0].style.width="0px";
                    as[i].style.backgroundColor=bgc;
                     as[i].children[0].style.backgroundColor=bgc;
                 }


               })
            //    这是右边定位图片区域
            let smalldiv=document.querySelector("#brought_center");
            let  img1=document.querySelector("#brought_center .img1");
            
            let bigdiv=document.querySelector(".quanping");
                  
                bigdiv.onclick=function(e){
                  
                        
                    if( bigdiv.style.height==="100%"){
                        this.style.height="0%";
                         this.style.width="0%";
                         img1.style.top="40px";
                      img1.style.right="39px";
                     img1.style.height="100px";
                    }else{
                        bigdiv.style.height="100%";
                       
                   bigdiv.style.width="100%";
                   img1.style.top="200px";
                   img1.style.right="712px";
                   img1.style.height="200px";
                    }
                   
                    
                // e.stopPropagation();
                   
                }
                // bigdiv.addEventListener("click",function(){
               
                //     this.style.height="0%";
                //    this.style.width="0%";
                //     img1.style.top="40px";
                //     img1.style.right="39px";
                //     img1.style.height="100px";
                // })
                    //  这是回到顶部区域
                    let   roof=document.querySelector("#roof");
                      
                       roof.onclick=function(){
                            let a=scrollY;
                            
                    let      timer=setInterval(function(){
                               a-=20;  
                               window.scrollTo(0,a);  
                               console.log(a)
                               if(a<=0){
                               
                                   clearInterval(timer)
                               }
                                 
                    },20)
                   }
                     // 这是滚动事件
                     window.onscroll=function(){
                        var a=scrollY;
                        if(a>400){
                            roof.style.display="block";

                        }else{
                            roof.style.display="none";
                        }
                    }

                
         }
         $(function(){
           $(".e_book .e_book_div1 .e_book_ul1") 
           $(".e_book .e_book_div1 h2 span").mouseenter(function(){
                let a=$(this).index();
              $(this).addClass("bgc").siblings().removeClass("bgc");
                $(".e_book .e_book_div1 .e_book_ul1").eq(a).addClass("show").siblings().removeClass("show")
           })

            //   这是look 右边的图书展示区域
           $(".e_book_ol1 li").mouseenter(function(){
            $(this).children("div").css("display","block");
            $(this).children("h3").css("display","none")
            $(this).siblings().children("div").css("display","none")
            $(this).siblings().children("h3").css("display","block")
         })
         
        //  这是首页jq代码封装区域
            function employ(jqobj1,jqobj2,s,b){
                jqobj1.mouseenter(function(){
             let index=$(this).index();
              $(this).addClass(s).siblings().removeClass(s)
              jqobj2.eq(index).addClass(b).siblings().removeClass(b)
            })
            }
            employ($(".clothing  #clothingid>h2 span"),$(".clothing  #outdiv"),"bgc","show")
            employ($(".clothing  #outdoorid>h2 span"),$(".clothing  #outdoordiv"),"bgc","show")
            employ($(".clothing  #childrens>h2 span"), $(".clothing  .clothing_div1_small"),"bgc","show")

        //  这是固定头部的jq动画代码
        $(window).scroll(function(){
            if($(this).scrollTop()>400){
                $("#gudingheader").stop();
                $("#gudingheader").show(20)
                
            }else{
                $("#gudingheader").stop();
                $("#gudingheader").hide(20)
              
            }
        })
         
        //   这是楼层滚动的jq效果代码
       
        $('#e_book_img a').mouseenter(function(){
             let index=  $(this).index();
           let a=  $(".floor").eq(index).offset().top;
          
          $("html").animate({scrollTop:a})
        });
          

         })
    </script> -->
</head>
<body>  
   <!-- 这是头部区域开始 -->
  
   <div class="box" >
      <div class="header">
          <!-- 这是头部上面区域 -->
         <div class="wrapper header_div1 clearfix">
             <div class="header_content fr">欢迎光临
                 <span>乐购，</span>&nbsp;
                 请&nbsp; 登陆\
                 <span>注册</span>
             </div>
         </div>
     </div>
           <!-- 这是头部下面区域 -->
           <div class="header_div2 wrapper clearfix ">
             <form action="#" class="  f1 hunt">
                <input type="text"><button></button>               
            </form>

            <div class="span_div fr "> <a href="#">购物车&nbsp;3</a><a href="#">我的订单</a></div>
           
        </div>
 
        <div class="header_div3  clearfix wrapper" >
        <ul >
           <li><a href="./index.html" target="_blank">图书</a></li>
           <li><a href="#">电子书</a></li>
           <li><a href="./product_list.html" target="_blank">原创文学</a></li>
           <li><a href="./product_detalis.html" target="_blank">服装</a></li>
           <li><a href="./register.html" target="_blank">户外运动</a></li>
           <li><a href="./Shopping.html" target="_blank">电子书</a></li>
           <li><a href="">电子书</a></li>
           <li><a href="">电子书</a></li>
           <li><a href="">电子书</a></li>
           <li><a href="">电子书</a></li>
           
           <li><a href="">电子书</a></li>
        </ul>
        <img src="./imags/logo.jpg" alt="">
        </div>
       
    </div>
   <!-- 这是头部区域结束 -->

   <!-- 这是轮播图区域开始 -->
           
       <div class=" classification">
         <div class="wrapper classification_div clearfix">
             <ul class="classification_ulbig f1">
                
                 <script>
                      let  font1=["图书、电子书、童书",
                          "创意文具",
                           "服饰、内衣",
                          "鞋靴、箱包",
                          "运动户外",
                          "孕、婴、童",
                          "家居、家纺、汽车",
                          "家具、家装、康体",
                          "家居、家纺、汽车",
                          "家具、家装、康体",
                          "家居、家纺、汽车",
                          "家具、家装、康体",
                          "家居、家纺、汽车",
                          "家具、家装、康体",]
                        let font2=["图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                         "图书馆",
                        
                         ]
                         let font3=["文艺","人文社科","管理","励志","管理","管理","管理","管理","管理","管理","管理","管理","管理","管理",];
                         let font4=["小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                    "小说   文学   传记   青春   动漫   艺术   摄影   明星",
                                 
                        ]
                     for(let i=0;i<14;i++){
                         document.write(`    <li> <a href="" class="a1">${font1[i]}</a>
                   <ul>
                       <li>
                           <a href="" >${font2[i]}>></a><a href="">${font2[i]}>></a><a href="">${font2[i]}>></a>
                    
                    <h2>${font3[i]}</h2>
                    </li>
                    <li>
                        <p> ${font4[i]}</p>
                       <h2> ${font3[i]}</h2>
                    </li>
                    <li>
                        <p>${font4[i]}</p>
                       <h2> ${font3[i]}</h2>
                    </li>

                    <li>
                        <p> ${font4[i]}</p>
                       <h2> ${font3[i]}</h2>
                    </li>

                    <li>
                        <p> ${font4[i]}</p>
                       <h2> ${font3[i]}</h2>
                    </li>

                    <li>
                        <p> ${font4[i]}</p>
                       <h2> ${font3[i]}</h2>
                    </li>

                    <li>
                        <p> ${font4[i]}</p>
                       <h2> ${font3[i]}</h2>
                    </li>

                    <li>
                        <p> ${font4[i]}</p>
                       <h2> ${font3[i]}</h2>
                    </li>

                    <li>
                        <p> ${font4[i]}</p>
                       <h2> ${font3[i]}</h2>
                    </li>
                    <li>
                        <p> ${font4[i]}</p>
                      
                    </li>


                   </ul>
                 
                </li>`
                  
                    )
                     }
                 </script>
             </ul>
     <!-- 轮播图 -->
     <div class="slidebox f1">
        <!--轮播开始-->
 <div class="pptbox" id="bannerInner">
     <!--轮播的内容-->
     <ul class="innerwrapper">
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner1.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./imags/banner1.jpg" /></a>
         </li>
     </ul>
     <!--数字控制器-->
     <ul class="controls" id="ul3">
         <li class="current">1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
         <li>6</li>
         <li>7</li>
     </ul>
     <!--按钮控制器-->
     <span class="btnleft"></span>
     <span class="btnright"></span>
 </div>
 <!--轮播结束-->
     </div>
         
         </div>
             <!-- 这是领卷中心区域 -->
             <div class="quanping" style="position: fixed;background-color: rgba(0, 0, 0, 0.7);top: 0px;z-index:8888">
           
                <div class="brought_center " id="brought_center">
                    <img src="./imags/two_30.jpg" alt="">
                    <img src="./imags/two_34.jpg" alt="" class="img1">
                    <img src="./imags/two_35.jpg" alt="">
                    <img src="./imags/two_40.jpg" alt="">
        
                </div>
        </div>

       
       </div>
 <!-- 这是轮播图区域结束 -->

   <!-- 这是今日推荐区域开始 -->
       <div class="daily">
       <div class="wrapper daily_div1">
<h2>乐购·今日推荐</h2>
<ul class="clearfix">
  
    <script>
        for(let i=0;i<12;i++){
         if(i<6){
             document.write(` <li>
        <div><img src="./imags/product01.jpg" alt="加载失败"></div>
        
        <img src="./imags/limitTime.jpg" alt="加载失白">
        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
        <p>全国联保 一年免费包换</p>
        <span>￥:299</span>
    </li> `)}else{
        document.write(` <li>
        <div><img src="./imags/product01.jpg" alt="加载失败"></div>
        
        <img src="./imags/limitTime.jpg" alt="加载失白">
        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
        <p>全国联保 一年免费包换</p>
        <span>￥:299</span> </li> `)
    
         }
        }
    </script>
</ul>
       </div>

      </div>
     <!-- 这是今日推荐区域结束 -->

      <!-- 这是电子书区域开始 -->
       <div class="e_book floor">

         
        <div class="wrapper clearfix" >
       
            <div id="e_book_img">
                <a href=""><span>图书</span></a>
                <a href=""><span>衣服</span></a>
                <a href=""><span>足球</span></a>
                <a href=""><span>购物</span></a>
                <a href=""><span>行李</span></a>
            </div>
        <div class="e_book_div1  f1">
            <h2>图书 电子书
                <span class="bgc">最新上架</span><span>独家畅销</span><span>电子书</span>
            </h2>
            <!-- 这是左边区域 -->
           <div class="e_book_div1_concent f1 " >
               <img src="./imags/index7_07.jpg" alt="">
          <ul>
              <li>成功\励志</li>
              <li>成功\励志</li>
              <li>成功\励志</li>
              <li>成功\励志</li>
          </ul>
          <ul>
            <li>成功\励志</li>
            <li>成功\励志</li>
            <li>成功\励志</li>
            <li>成功\励志</li>
        </ul>
        <ul>
            <li>成功\励志</li>
            <li>成功\励志</li>
            <li>成功\励志</li>
            <li>成功\励志</li>
        </ul>
         </div>
        
           <!-- 这是中间区域 -->
     <ul class="e_book_ul1 show fr">
       <li>
              <!--轮播开始-->
      <div class="pptbox" id="slidebox5">
    <!--轮播的内容-->
    <ul class="innerwrapper" >
        <li>
            <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
        </li>
        <li>
            <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
        </li>
        <li>
            <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
        </li>
        <li>
            <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
        </li>
        <li>
            <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
        </li>
        <li>
            <a href="#"><img src="./imags/banner1.jpg" /></a>
        </li>
    </ul>
    <!--数字控制器-->
    <ul class="controls" id="ul3">
        <li class="current"  >1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
       
    </ul>
    <!--按钮控制器-->
    <span class="btnleft"></span>
    <span class="btnright"></span>
        </div>
     <!--轮播结束-->
         
    
       <script>
      for(let i=0;i<6;i++){
          if(i<6){
              document.write(`<li>
        <p>奥运狂欢</p>
    <p>十万种电子书直降40%</p>
    <div><img src="./imags/index09_05.jpg" alt="加载失败" title="这是图片"></div>
    <p> ￥49<span>￥79</span></p>
</li>`)
          

          }
      }
       </script>

        </ul>

          
           <!-- 这是中间区域 -->
         <ul class="e_book_ul1  fr">
    <li>
           <!--轮播开始-->
<div class="pptbox" id="slidebox5">
 <!--轮播的内容-->
 <ul class="innerwrapper" >
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./imags/banner1.jpg" /></a>
     </li>
 </ul>
 <!--数字控制器-->
 <ul class="controls" id="ul3">
     <li class="current">1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>
     <li>6</li>
     <li>7</li>
 </ul>
 <!--按钮控制器-->
 <span class="btnleft"></span>
 <span class="btnright"></span>
</div>
<!--轮播结束-->
      
 
<script>
   for(let i=0;i<6;i++){
       if(i<6){
           document.write(`<li>
     <p>呵呵呵呵</p>
 <p>十万种电子书直降40%</p>
 <div><img src="./imags/index09_05.jpg" alt="加载失败" title="这是图片"></div>
 <p> ￥49<span>￥79</span></p>
</li>`)
       

       }
   }
</script>

         </ul>
       
           <!-- 这是中间区域 -->
           <ul class="e_book_ul1  fr">
            <li>
                   <!--轮播开始-->
      <div class="pptbox" id="slidebox5">
         <!--轮播的内容-->
         <ul class="innerwrapper" >
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./imags/banner1.jpg" /></a>
             </li>
         </ul>
         <!--数字控制器-->
         <ul class="controls" id="ul3">
             <li class="current">1</li>
             <li>2</li>
             <li>3</li>
             <li>4</li>
             <li>5</li>
             <li>6</li>
             <li>7</li>
         </ul>
         <!--按钮控制器-->
         <span class="btnleft"></span>
         <span class="btnright"></span>
     </div>
     <!--轮播结束-->
              
         
       <script>
           for(let i=0;i<6;i++){
               if(i<6){
                   document.write(`<li>
             <p>哈哈哈哈或</p>
         <p>十万种电子书直降40%</p>
         <div><img src="./imags/index09_05.jpg" alt="加载失败" title="这是图片"></div>
         <p> ￥49<span>￥79</span></p>
     </li>`)
               
     
               }
           }
       </script>
     
          </ul>
</div>

 <!-- 这是右边区域 -->
        <ul class="e_book_ol1 fr">
          
            <!-- <li class="clearfix">
                <span>1</span>
                <h3>新书畅销榜</h3>
               <div class="clearfix "><img src="./imags/index08_05.jpg" alt="" class="f1">
            

                <p class="fr">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                    王家卫陈国富倾力推荐，
                     1500万次转发，超4亿次阅读
               </p>
               </div> 
              
                    
            </li> -->
          <script>
              for(let i=0;i<7;i++){
                  document.write(`
                  <li class="clearfix">
                  <span>${i+1}</span>
                 <h3>就喜欢你看不惯我&emsp;又不敢</h3>
                 <div class="clearfix "><img src="./imags/index08_05.jpg" alt="" class="f1">
            

                 <p class="fr">
                    从你的世界路过
                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                    王家卫陈国富倾力推荐，
                     1500万次转发，超4亿次阅读
                </p>
               </div> 
              
                    
            </li>
                  `)
              }
          </script>
          
        </ul>
    </div>
   </div>
   <!-- 这是电子书趋于结束 -->

   <!-- 这是服装区域开始 -->
    <div class="clothing floor" > 
        <div class="wrapper  clothing_div1 clearfix" id="clothingid" >
            <h2>服装 <span class="bgc">女装内衣</span><span>热销男装</span><span>精品鞋靴</span></h2>
            <!-- 这是左边区域 -->
            <div id="outdiv" class="show">
            <div class="clothing_left clearfix ">
                <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                <ul>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                </ul>
                <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
              <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
            </div>
            <!-- 这是中间区域开始 -->
            <div class="clothing_content f1">
                <div  class="clothing_content_div1 show">
                   <!-- 这是第一轮 -->
                               <!--轮播开始-->
        <div class="pptbox" id="clothing">
        <!--轮播的内容-->
        <ul class="innerwrapper" >
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./imags/banner1.jpg" /></a>
            </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls" id="ul3">
            <li class="current"  >1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
           
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
            </div>
         <!--轮播结束-->
             
                </div>
           
    


                <i><img src="./imags/index11_08.jpg" alt=""></i>
               </div>
              <!-- 这是右边区域 -->
             <ul class="clothing_content_ul f1">
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
             </ul>
        </div>

        <div id="outdiv">
            <div class="clothing_left clearfix ">
                <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                <ul>
                    <li>学习/学习</li>
                    <li>学习/学习</li>
                    <li>学习/学习</li>
                    <li>学习/学习</li>
                </ul>
                <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
              <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
            </div>
            <!-- 这是中间区域开始 -->
            <div class="clothing_content f1">
                <div  class="clothing_content_div1 show">
                   <!-- 这是第一轮 -->
                               <!--轮播开始-->
        <div class="pptbox" id="clothing">
        <!--轮播的内容-->
        <ul class="innerwrapper" >
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./imags/banner1.jpg" /></a>
            </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls" id="ul3">
            <li class="current"  >1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
           
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
            </div>
         <!--轮播结束-->
             
                </div>
           
    


                <i><img src="./imags/index11_08.jpg" alt=""></i>
               </div>
              <!-- 这是右边区域 -->
             <ul class="clothing_content_ul f1">
                 <li><img src="./imags/index22_05.jpg" alt=""></li>
                 <li><img src="./imags/index22_05.jpg" alt=""></li>
                 <li><img src="./imags/index22_05.jpg" alt=""></li>
                 <li><img src="./imags/index22_05.jpg" alt=""></li>
                 <li><img src="./imags/index22_05.jpg" alt=""></li>
                 <li><img src="./imags/index22_05.jpg" alt=""></li>
             </ul>
        </div>

        <div id="outdiv">
            <div class="clothing_left clearfix ">
                <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                <ul>
                    <li>睡觉/睡觉</li>
                    <li>睡觉/睡觉</li>
                    <li>睡觉/睡觉</li>
                    <li>睡觉/睡觉</li>
                </ul>
                <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
              <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
            </div>
            <!-- 这是中间区域开始 -->
            <div class="clothing_content f1">
                <div  class="clothing_content_div1 show">
                   <!-- 这是第一轮 -->
                               <!--轮播开始-->
        <div class="pptbox" id="clothing">
        <!--轮播的内容-->
        <ul class="innerwrapper" >
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
            </li>
            <li>
                <a href="#"><img src="./imags/banner1.jpg" /></a>
            </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls" id="ul3">
            <li class="current"  >1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
           
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
            </div>
         <!--轮播结束-->
             
                </div>
           
    


                <i><img src="./imags/index11_08.jpg" alt=""></i>
               </div>
              <!-- 这是右边区域 -->
             <ul class="clothing_content_ul f1">
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
             </ul>
        </div>
    </div>


        <div class="wrapper clothing_div2">
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
        </div>
    </div>
    <!-- 这是服装区域结束 -->

    <!-- 这是户外运动区域开始 -->
    <div class="clothing floor">
        <div class="wrapper  clothing_div1 clearfix" id="outdoorid">
            <h2>户外运动 <span class="bgc">国际名品</span><span>户外装备</span><span>运动潮流</span></h2>
            <!-- 这是左边区域 -->
            <div id="outdoordiv" class="show">
            <div class="clothing_left clearfix ">
                <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                <ul>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                </ul>
                <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
              <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
            </div>
            <!-- 这是中间区域开始 -->
            <div class="clothing_content f1">
                <div  class="clothing_content_div1 show" >
                  
            <!-- 这是第一轮   -->
             <!--轮播开始-->
               <div class="pptbox" id="outdoor">
           <!--轮播的内容-->
    <ul class="innerwrapper" >
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
     </li>
     <li>
         <a href="#"><img src="./imags/banner1.jpg" /></a>
     </li>
    </ul>
    <!--数字控制器-->
    <ul class="controls" id="ul3">
     <li class="current"  >1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>
     <li>6</li>
    
    </ul>
    <!--按钮控制器-->
    <span class="btnleft"></span>
    <span class="btnright"></span>
              </div>
             <!--轮播结束-->
                </div>
            
                <i><img src="./imags/index11_08.jpg" alt=""></i>
               </div>
              <!-- 这是右边区域 -->
             <ul class="clothing_content_ul f1">
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
             </ul>
        </div>

            <!-- 这是左边区域 -->
            <div id="outdoordiv" >
                <div class="clothing_left clearfix ">
                    <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                    <ul>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                    </ul>
                    <ul>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                  </ul>
                  <ul>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                  </ul>
                </div>
                <!-- 这是中间区域开始 -->
                <div class="clothing_content f1">
                    <div  class="clothing_content_div1 show" >
                      
                <!-- 这是第一轮   -->
                 <!--轮播开始-->
                   <div class="pptbox" id="outdoor">
               <!--轮播的内容-->
        <ul class="innerwrapper" >
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
         </li>
         <li>
             <a href="#"><img src="./imags/banner1.jpg" /></a>
         </li>
        </ul>
        <!--数字控制器-->
        <ul class="controls" id="ul3">
         <li class="current"  >1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
         <li>6</li>
        
        </ul>
        <!--按钮控制器-->
        <span class="btnleft"></span>
        <span class="btnright"></span>
                  </div>
                 <!--轮播结束-->
                    </div>
                
                    <i><img src="./imags/index11_08.jpg" alt=""></i>
                   </div>
                  <!-- 这是右边区域 -->
                 <ul class="clothing_content_ul f1">
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                 </ul>
            </div>
    
        
                <!-- 这是左边区域 -->
                <div id="outdoordiv" >
                    <div class="clothing_left clearfix ">
                        <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                        <ul>
                            <li>成功\励志</li>
                            <li>成功\励志</li>
                            <li>成功\励志</li>
                            <li>成功\励志</li>
                        </ul>
                        <ul>
                          <li>成功\励志</li>
                          <li>成功\励志</li>
                          <li>成功\励志</li>
                          <li>成功\励志</li>
                      </ul>
                      <ul>
                          <li>成功\励志</li>
                          <li>成功\励志</li>
                          <li>成功\励志</li>
                          <li>成功\励志</li>
                      </ul>
                    </div>
                    <!-- 这是中间区域开始 -->
                    <div class="clothing_content f1">
                        <div  class="clothing_content_div1 show" >
                          
                    <!-- 这是第一轮   -->
                     <!--轮播开始-->
                       <div class="pptbox" id="outdoor">
                   <!--轮播的内容-->
            <ul class="innerwrapper" >
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./imags/banner1.jpg" /></a>
             </li>
            </ul>
            <!--数字控制器-->
            <ul class="controls" id="ul3">
             <li class="current"  >1</li>
             <li>2</li>
             <li>3</li>
             <li>4</li>
             <li>5</li>
             <li>6</li>
            
            </ul>
            <!--按钮控制器-->
            <span class="btnleft"></span>
            <span class="btnright"></span>
                      </div>
                     <!--轮播结束-->
                        </div>
                    
                        <i><img src="./imags/index11_08.jpg" alt=""></i>
                       </div>
                      <!-- 这是右边区域 -->
                     <ul class="clothing_content_ul f1">
                         <li><img src="./imags/index100_05.jpg" alt=""></li>
                         <li><img src="./imags/index100_05.jpg" alt=""></li>
                         <li><img src="./imags/index100_05.jpg" alt=""></li>
                         <li><img src="./imags/index100_11.jpg" alt=""></li>
                         <li><img src="./imags/index100_11.jpg" alt=""></li>
                         <li><img src="./imags/index100_11.jpg" alt=""></li>
                     </ul>
                </div>
        
        <div class="wrapper clothing_div2 clearfix" style="position:relative">
           <i style="position: absolute; top:497px;left:0px"><img src="./imags/logo13_16.jpg" alt=""></i>
           <i style="position: absolute; top:497px; left:113px" ><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
        </div>
    </div>
    </div>
     <!-- 这是户外运动区域结束 -->

     <!-- 这是童装区域开始 -->
     <div class="clothing floor" >
        <div class="wrapper  clothing_div1 clearfix" id="childrens">
            <h2>童装 童鞋 婴儿装 <span class="bgc">儿童服装</span><span>婴儿装</span><span>运动潮流</span></h2>
            <!-- 这是左边区域 -->
            <div  class="clothing_div1_small show" >
            <div class="clothing_left clearfix ">
                <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                <ul>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                    <li>成功\励志</li>
                </ul>
                <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
              <ul>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
                  <li>成功\励志</li>
              </ul>
            </div>
            <!-- 这是中间区域开始 -->
            <div class="clothing_content f1">
               
                <div  class="clothing_content_div1 show">
                  
                    <!-- 这是第一轮   -->
                     <!--轮播开始-->
                       <div class="pptbox" id="childrenwear">
                   <!--轮播的内容-->
            <ul class="innerwrapper" >
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
             </li>
             <li>
                 <a href="#"><img src="./imags/banner1.jpg" /></a>
             </li>
            </ul>
            <!--数字控制器-->
            <ul class="controls" id="ul3">
             <li class="current"  >1</li>
             <li>2</li>
             <li>3</li>
             <li>4</li>
             <li>5</li>
             <li>6</li>
            
            </ul>
            <!--按钮控制器-->
            <span class="btnleft"></span>
            <span class="btnright"></span>
                      </div>
                     <!--轮播结束-->
                        </div>
                     
        

                <i><img src="./imags/index11_08.jpg" alt=""></i>
               </div>
              <!-- 这是右边区域 -->
             <ul class="clothing_content_ul f1">
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
             </ul>
           
           
           
            </div>
            <!-- 这是左边区域 -->
            <div class="clothing_div1_small">
                <div class="clothing_left clearfix ">
                    <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                    <ul>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                    </ul>
                    <ul>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                  </ul>
                  <ul>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                  </ul>
                </div>
                <!-- 这是中间区域开始 -->
                <div class="clothing_content f1">
                   
                    <div  class="clothing_content_div1 show">
                      
                        <!-- 这是第一轮   -->
                         <!--轮播开始-->
                           <div class="pptbox" id="childrenwear">
                       <!--轮播的内容-->
                <ul class="innerwrapper" >
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./imags/banner1.jpg" /></a>
                 </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls" id="ul3">
                 <li class="current"  >1</li>
                 <li>2</li>
                 <li>3</li>
                 <li>4</li>
                 <li>5</li>
                 <li>6</li>
                
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
                          </div>
                         <!--轮播结束-->
                            </div>
                         
            
    
                    <i><img src="./imags/index11_08.jpg" alt=""></i>
                   </div>
                  <!-- 这是右边区域 -->
                 <ul class="clothing_content_ul f1">
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                     <li><img src="./imags/index22_05.jpg" alt=""></li>
                 </ul>
               
               
               
                </div>

                <!-- 这是左边区域 -->
            <div  class="clothing_div1_small">
                <div class="clothing_left clearfix ">
                    <img src="./imags/index7_17.jpg" alt="" class="f1" style="height: 352px;">
                    <ul>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                        <li>学习/学习</li>
                    </ul>
                    <ul>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                  </ul>
                  <ul>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                      <li>成功\励志</li>
                  </ul>
                </div>
                <!-- 这是中间区域开始 -->
                <div class="clothing_content f1">
                   
                    <div  class="clothing_content_div1 show">
                      
                        <!-- 这是第一轮   -->
                         <!--轮播开始-->
                           <div class="pptbox" id="childrenwear">
                       <!--轮播的内容-->
                <ul class="innerwrapper" >
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner2.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner3.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner4.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./lib/轮播插件/images/banner5.jpg" /></a>
                 </li>
                 <li>
                     <a href="#"><img src="./imags/banner1.jpg" /></a>
                 </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls" id="ul3">
                 <li class="current"  >1</li>
                 <li>2</li>
                 <li>3</li>
                 <li>4</li>
                 <li>5</li>
                 <li>6</li>
                
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
                          </div>
                         <!--轮播结束-->
                            </div>
                         
            
    
                    <i><img src="./imags/index11_08.jpg" alt=""></i>
                   </div>
                  <!-- 这是右边区域 -->
                 <ul class="clothing_content_ul f1">
                     <li><img src="./imags/index100_05.jpg" alt=""></li>
                     <li><img src="./imags/index100_05.jpg" alt=""></li>
                     <li><img src="./imags/index100_05.jpg" alt=""></li>
                     <li><img src="./imags/index100_11.jpg" alt=""></li>
                     <li><img src="./imags/index100_11.jpg" alt=""></li>
                     <li><img src="./imags/index100_11.jpg" alt=""></li>
                 </ul>
               
               
               
                </div>
    </div>



        <div class="wrapper clothing_div2">
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
        </div>
    </div>
    <!-- 这是童装区域结束 -->

      <!-- 这是家居日用区域开始 -->
      <div class="clothing floor">
        <div class="wrapper  clothing_div1 clearfix">
            <h2>家具日用</h2>
            <!-- 这是左边区域 -->
            <div class="clothing_left  house" style="height: 500px;width: 487px;border: 2px solid #ccc;box-sizing: border-box;">
              <img src="./imags/index21_05.jpg" alt="">
              
            </div>
           
           
              <!-- 这是右边区域 -->
             <ul class="clothing_content_ul f1" style="width: 710px;">
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <li><img src="./imags/index100_05.jpg" alt=""></li>
                 <div class="f1" style="width:177px;box-sizing: border-box;border: 2px solid #ccc;"><img src="./imags/index100_05.jpg" alt=""></div>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <li><img src="./imags/index100_11.jpg" alt=""></li>
                 <div class="f1"style="width:177px;box-sizing: border-box;border: 2px solid #ccc;"> <img src="./imags/index100_11.jpg" alt=""></div>
             </ul>
        </div>

        <div class="wrapper clothing_div2">
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
           <i><img src="./imags/logo13_16.jpg" alt=""></i>
        </div>
    </div>
       <!-- 这是家居日用区域结束 -->

       <!-- 这是推广商品区域开始 -->
       <div class="Promotion">
        <div class="wrapper ">
            <h2>推广商品 <span></span> <span></span></h2>
            <ul class="Promotion_ul clearfix">
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
                <li>
                    <div><img src="./imags/index25_12.jpg" alt=""></div>
                  <p>Pigeon法国制奶嘴，无</p>
                  <p>毒天然乳胶</p>
                  <p>￥:189</p>
                  <p> <i></i>
                      已有<span>988条评价</span></p>
                </li>
            </ul>
        </div>
       </div>


       <div class="go_top" style="border: 3px solid #ff6600;">
     
       </div>
       <img src="./imags/gototop_05.jpg" alt=""  id="roof"style="position:fixed;right: 160px;bottom: 100px; width: 30px;height: 50px;display:none;" >
          
       <!-- 这是纯图标区域 -->
       <div class="serve">
            <div class="wrapper serve_div1">
               
                <div><img src="./imags/222_11.png" alt=""></div>
                <div><img src="./imags/222_13.png" alt=""></div>
                <div><img src="./imags/222_15.png" alt=""></div>
                <div><img src="./imags/222_17.png" alt=""></div>
           
            </div>
       </div>
         <!-- 这是推广商品区域结束 -->

         <!-- 这是footer区域开始 --> 
         <div class="footer">
               <!-- 这是footer的上边区域 -->
               <div class="wrapper footer_div1 clearfix">
                   <ul>
                       <li>
                           <h2>购物指南</h2>
                       </li>
                       <li>购物流程</li>
                       <li>购物流程</li>
                       <li>购物流程</li>
                       <li>购物流程</li>
                   </ul>
                   <ul>
                    <li>
                        <h2>购物指南</h2>
                    </li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                    <li>购物流程</li> 
                </ul>
                <ul>
                    <li>
                        <h2>购物指南</h2>
                    </li>
                    <li>订单配送查询</li>
                    <li>订单配送查询</li>
                    <li>订单配送查询</li>
                    <li>订单配送查询</li>
                </ul>
                <ul>
                    <li>
                        <h2>购物指南</h2>
                    </li>
                    <li>自助申请退换货</li>
                    <li>自助申请退换货</li>
                    <li>自助申请退换货</li>
                    <li>自助申请退换货</li>
                </ul>
                <ul>
                    <li>
                        <h2>购物指南</h2>
                    </li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                    <li>购物流程</li> 
                </ul>
                <div class=" fr footer_logo"><img src="./imags/logo_00.png" alt="加载失败"></div>
               </div>

      <div class="wrapper footer_div2">  
          <p><span>公司简介  &nbsp;|</span> <span>Investor Relations   &nbsp;|</span>   <span>机构销售 &nbsp; |</span> 
            <span>机构销售 &nbsp; |</span>
            <span>机构销售 &nbsp; |</span>
            <span>机构销售  &nbsp;|</span>
            <span>机构销售 &nbsp; |</span>  
            <span>机构销售  &nbsp;|</span></p>
           
          <p>Copyright &copy; 乐购网 2004-2016, All Rights Reserved</p>
      </div>
         </div>

         <div id="gudingheader">
             <script>
                 $(".box .header_div2 .hunt").clone().appendTo("#gudingheader")
                 $(".box .header_div2 .span_div").clone().appendTo("#gudingheader")
                 $(".box .header_div3 img").clone().appendTo("#gudingheader")
             </script>
         </div>
<!-- 这是footer区域结束 -->

<script src="./lib/轮播插件/javascripts/slider.js"></script>
<!-- <script type="text/javascript">
  //主轮播图
  $("#bannerInner").tyslide({
      boxh:440,//盒子的高度
      w:1000,//盒子的宽度
      h:400,//图片的高度
      isShow:true,//是否显示控制器
      isShowBtn:true,//是否显示左右按钮
      controltop:0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW:20,//控制按钮宽度
      controlsH:20,//控制按钮高度
      radius:10,//控制按钮圆角度数
      controlsColor:"#d7d7d7",//普通控制按钮的颜色
      controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
      isShowNum:true //是否显示数字
  });

//   h这是封装的函数
     function autoplay(object,box_h,box_w,img_h,controlsshow, controls_h,radius1,dqcolor="white",shownumber){
        object.tyslide({
       boxh:box_h,//盒子的高度
      w: box_w,//盒子的宽度
      h:img_h,//图片的高度
      isShow:controlsshow,//是否显示控制器
      isShowBtn:true,//是否显示左右按钮
      controltop:4,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW:14,//控制按钮宽度
      controlsH: controls_h,//控制按钮高度
      radius:radius1,//控制按钮圆角度数
      controlsColor:dqcolor,//普通控制按钮的颜色
      controlsCurrentColor:"gray",//当前控制按钮的颜色
      isShowNum:false ,//是否显示数字
  });
     }
    //  这是封装后的函数的调用的环节
    // 这是电子书区域的调用
    autoplay($(".e_book_ul1 #slidebox5"),215,331,215,true,2,0,"#fff",);
    // 这是 服装区域的调用
    autoplay($(".clothing .clothing_content_div1 #clothing"),336,428,336,true,2,0,); 
  //  这是户外运动的调用
   autoplay($(".clothing .clothing_content_div1  #outdoor"),336,428,336,true,2,0,); 
//    这是童装的调用
   autoplay( $(".clothing .clothing_content_div1  #childrenwear"),336,428,336,true,2,0,);  
</script> -->
</body>
</html>